<template>
    <div>
    <x-header>发起的活动</x-header>
    <transition-group name="fade" tag="ul">
      <li class="clearfix ready-address active" key="2"  v-for="activity in activies">
        <span class="pull-left address-detail">
            <p>{{activity.name}}</p>
            <p class="address-site">{{activity.time}}</p>
        </span>
        <div class="pull-right address-operation">
          <span class="address-delete iconfont icon-huishouzhan1"></span>
        </div>
      </li>
    </transition-group>
    <x-button style="margin-top: 15px;">发起</x-button>
    </div>
</template>

<script>

import { XHeader, XButton} from 'vux';

export default{
    name:"createdActivity",

    data(){
        return {
            activies: [{
                name: "牛背山自由行",
                time: "2016-12-30",
                price: 500
            },{
                name: "牛背山自由行2",
                time: "2017-12-30",
                price: 200
            }],
            showDetailBtn:[{
                style: "primary",
                text: "查看详情",
                onButtonClick: ()=>{
                    alert("查看活动详情");
                }
            }]
        }
    },

    methods:{
        cancel: function(){

        },
        deleteActivity: function(){

        }
    },
    components: {
        XHeader,
        XButton,
    },
  mounted() {
    this.$nextTick(() => {
    });
  },

}
    </script>


    <style scoped>

    </style>
